<template>
  <div class="shouye">
    <div class="bnt">
      <div class="topbnt_left fl">
        <ul>
          <li>
            <router-link to="/qunzongyijian" class="topbtnstyle"
              >群众建议</router-link
            >
          </li>
          <li hidden>
            <router-link to="" class="topbtnstyle"></router-link>
          </li>
          <li class="li1">
            <router-link to="/dangwu" class="topbtnstyle">党务</router-link>
          </li>
          <li hidden>
            <router-link to="" class="topbtnstyle"></router-link>
          </li>
          <li>
            <router-link to="/cunwu" class="topbtnstyle">村务</router-link>
          </li>
        </ul>
      </div>
      <h1 class="tith1 fl">{{ $store.state.quname }}</h1>
      <div class="fr topbnt_right">
        <ul>
          <li>
            <router-link to="/caiwu" class="topbtnstyle">财务</router-link>
          </li>
          <li hidden>
            <router-link to="" class="topbtnstyle"></router-link>
          </li>
          <li class="li1">
            <router-link to="/my" class="topbtnstyle">我的</router-link>
          </li>
          <li hidden>
            <router-link to="" class="topbtnstyle"></router-link>
          </li>
          <li>
            <router-link to="/" class="topbtnstyle">退出</router-link>
          </li>
        </ul>
      </div>
    </div>
    <!-- bnt end -->

    <div class="left1 pleft1">
      <div class="plefttoday">
        <dv-border-box-8 :dur="4">
          <h2 class="tith2">数据一览</h2>
          <div class="lefttoday_number">
            <img src="../../img/syz1.png" class="left text01_img" />
            <div class="">
              <h2 class="cffff00">{{ TotalVisits }}</h2>
              <h4 class="">(系统总访问量)</h4>
            </div>
          </div>
          <div class="lefttoday_number">
            <img src="../../img/syz2.png" class="left text01_img" />
            <div class="">
              <h2 class="cffff00">{{ VisitsThisMonth }}</h2>
              <h4 class="">(本月访问量)</h4>
            </div>
          </div>
          <div class="lefttoday_number">
            <img src="../../img/syz3.png" class="left text01_img" />
            <div class="">
              <h2 class="cffff00">{{ logincountThisDayLeader }}</h2>
              <h4 class="">(管理员本日访问量)</h4>
            </div>
          </div>
          <div class="lefttoday_number">
            <img src="../../img/syz4.png" class="left text01_img" />
            <div class="">
              <h2 class="cffff00">{{ logincountThisDayUser }}</h2>
              <h4 class="">(用户本日访问量)</h4>
            </div>
          </div>
          <div class="lefttoday_number">
            <img src="../../img/syz5.png" class="left text01_img" />
            <div class="">
              <h2 class="cffff00">{{ VisitsThisDay }}</h2>
              <h4 class="">(本日系统活跃度)</h4>
            </div>
          </div>
          <div class="lefttoday_number">
            <img src="../../img/syz6.png" class="left text01_img" />
            <div class="">
              <h2 class="cffff00">{{ quAllDataCount }}</h2>
              <h4 class="">(系统数据总数)</h4>
            </div>
          </div>
          <div class="lefttoday_number">
            <img src="../../img/syz7.png" class="left text01_img" />
            <div class="">
              <h2 class="cffff00">{{ newAddCount }}</h2>
              <h4 class="">(新增数据量)</h4>
            </div>
          </div>
        </dv-border-box-8>
      </div>
    </div>

    <div class="mrbox prbox">
      <div class="mrbox_top">
        <div class="mrbox_top_midd">
          <div class="mrboxtm-mbox">
            <dv-border-box-11 title="区资金">
              <zhenmeiyuezijin> </zhenmeiyuezijin>
            </dv-border-box-11>
          </div>
          <!--  map end-->
          <div class="pmrboxbottom">
            <div class="rbottom_box2">
              <dv-border-box-10>
                <zhutu2></zhutu2>
              </dv-border-box-10>
            </div>
            <div class="rbottom_box3">
              <dv-border-box-12>
                <bingtu2></bingtu2>
              </dv-border-box-12>
            </div>
          </div>
        </div>
      </div>

      <div class="mrbox_bottom">
        <div class="rbottom_box1">
          <dv-border-box-12>
            <biaotu1></biaotu1>
            <bingtu1></bingtu1>
          </dv-border-box-12>
        </div>
        <div class="rbottom_box2">
          <dv-border-box-10>
            <zhutu1></zhutu1>
          </dv-border-box-10>
        </div>
      </div>
    </div>

    <div class="left2">
      <div class="you1buju">
        <dv-border-box-12 class="you1" title="">
          <h2 class="tith2">镇活跃度</h2>
          <zhenhuoyuedu></zhenhuoyuedu>
        </dv-border-box-12>
        <dv-border-box-12 class="you2">
          <h2 class="tith2">登录信息</h2>
          <dengluxinxibg></dengluxinxibg>
        </dv-border-box-12>
        <dv-border-box-12 class="you3">
          <h2 class="tith2">村活跃度</h2>
          <cunhuoyuedu></cunhuoyuedu>
        </dv-border-box-12>
      </div>
    </div>
  </div>
</template>
<script>
import "../../css/shouye.css";
import "../../js/echarts.min.js";
import biaotu1 from "../../components/bingtu1";
import zhenmeiyuezijin from "../../components/zhenmeiyuezijin";
import zhenhuoyuedu from "../../components/zhenhuoyuedu";
import cunhuoyuedu from "../../components/cunhuoyuedu";
import bingtu1 from "../../components/bingtu1";
import bingtu2 from "../../components/bingtu2";
import zhutu1 from "../../components/zhutu1";
import zhutu2 from "../../components/zhutu2";
import dengluxinxibg from "../../components/dengluxinxibg";

export default {
  data() {
    return {
      TotalVisits: "", //系统总访问量
      VisitsThisMonth: "", //本月访问量
      logincountThisDayLeader: "", //管理员本日访问量
      logincountThisDayUser: "", //用户本日访问量
      VisitsThisDay: "", //本日系统活跃度
      quAllDataCount: "", //系统数据总数
      newAddCount: "", //新增数据量
    };
  },
  methods: {},
  created() {},
  mounted() {
    this.$axios
      .get("/user/login")
      // 成功回调
      .then((response) => {})
      .catch((error) => {});
    this.$axios
      .post("/fristpage/quActivity")
      .then((response) => {
        this.TotalVisits = response.data.data.TotalVisits;
        this.VisitsThisMonth = response.data.data.VisitsThisMonth;
        this.logincountThisDayLeader =
          response.data.data.logincountThisDayLeader;
        this.logincountThisDayUser = response.data.data.logincountThisDayUser;
        this.VisitsThisDay = response.data.data.VisitsThisDay;
        this.quAllDataCount = response.data.data.quAllDataCount;
        this.newAddCount = response.data.data.newAddCount;
      })
      .catch((error) => {
        console.error();
      });
  },
  components: {
    biaotu1,
    zhenmeiyuezijin,
    zhenhuoyuedu,
    cunhuoyuedu,
    bingtu1,
    bingtu2,
    zhutu1,
    zhutu2,
    dengluxinxibg,
  },
};
</script>


<style lang="less" scoped>
.shouye {
  height: 100%;
}
.topbtnstyle {
  padding: 1%;
}
.you1buju {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.you1 {
  flex-basis: 100px;
  flex: 1;
}
.you2 {
  flex-basis: 10px;
  flex: 1;
}
.you3 {
  flex-basis: 10px;
  flex: 1;
}
.li1 {
  width: 50%;
}
</style>